/*头部开始*/
.header {
	/* width: 1280px; */
	width: 100%;
	/* height: 135px; */
}
.header .top{
	width: 100%;
	background: #dfdfde;
}
.header .top .container{
	width: 990px;
	height: 28px;
	margin:0 auto;
	padding-top: 12px;
}
.header .top .container .left{
	padding-left: 8px;
	float: left;
}
.header .top .container .right a{
	margin-right: 25px;
}
.header .bottom .container{
	width: 990px;
	height: 96px;
	margin: 0 auto;
}
.header .bottom .container .logo{
	margin: 20px 0 0 15px;
	float: left;
}
.header .bottom .container .nav{
	float: right;
}
.header .bottom .container .nav ul li {
	float: left;
}
.header .bottom .container .nav ul li a{
	display: inline-block;
	width: 75px;
	height: 93px;
	margin-right: 20px;
}
.header .bottom .container .nav ul li.cur a{
	border-bottom: 3px solid #3c9cd3;
}
.header .bottom .container .nav ul li a:hover{
	border-bottom: 3px solid #3c9cd3;
	background: #faf8f8;
}
.header .bottom .container .nav ul li a p{
	text-align: center;

}
.header .bottom .container .nav ul li a p.zh{
	margin: 29px 0 10px;
}



/*尾部开始*/
.footer {
	/* width: 1280px; */
	width: 100%;
	height: 137px;
	background: green;
}
.footer .share{
	padding-top: 10px;
	/* width: 1280px; */
	height: 103px;
	background: #3d9cd4;
	color: #faf9f9;
	font-size: 12px;
	text-align: center;
	line-height: 51px;
}
.footer .share>p>a{
	color: #faf9f9;
}
.footer .version{
	/* width: 1280px; */
	height: 35px;
	background: #1c1b29;
	text-align: center;
	font-size: 12px;
	line-height: 35px;
	color: #fff;
}
@media(min-device-width:320px) and (max-device-width:767px){
	.header .top{
		display: none;
	}
	.header .bottom{
		width: 100%
	}
	.header .bottom .container{
		width: 80px; 
		/* width: 80px; */
		height: 70px;
		margin: 0 auto;
	}
	.header .bottom .container .logo{
		width: 80px;
		height: 60px;
		margin: 10px 0 10px;
		overflow: hidden;
	}
	/* .header .bottom .container .logo a{
		width: 80px;
		height: 60px;
	} */
	.header .bottom .container .nav ul li a{
		height: 67px;
	}
	.header .bottom .container .nav ul li a p.zh{
		margin: 10px 0 10px;
	}
	.header .nav{
		display: none;
	}
	.footer{
		height: 95px;
	}
	.footer .share{
		height: 50px;;
	}
	.footer .share p:last-child{
		display: none;
	}
}

@media(min-device-width:768px) and (max-device-width:1023px){
	.header .top{
		display: none;
	}
	.header .bottom{
		width: 100%
	}
	.header .bottom .container{
		width: 100%; 
		/* width: 80px; */
		height: 70px;
		margin: 0 auto;
	}
	.header .bottom .container .logo{
		width: 80px;
		height: 60px;
		margin: 10px 0px 0px 10px;
		overflow: hidden;
	}
	/* .header .bottom .container .logo a{
		width: 80px;
		height: 60px;
	} */
	.header .bottom .container .nav ul li a{
		height: 67px;
	}
	.header .bottom .container .nav ul li a p.zh{
		margin: 10px 0 10px;
	}
}